.publishtask{
		width: 100%;
		min-height: 100vh;
		background: $uni-content-background-color;
		padding-bottom: 232rpx;
		.equipment{
			margin: 28rpx 30rpx 0;
			padding: 36rpx 36rpx 62rpx;
			box-sizing: border-box;
			border-radius: 16rpx;
			background: #FFFFFF;
			font-family: PingFangSC-semiBold;
			.title{
				font-size: 26rpx;
				color:#333333;
				font-weight: bold;
				margin-bottom: 22rpx;
			}
			.equipment-content{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.equipment-item{
					padding: 0 64rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					border-radius: 60rpx;
					border: 2rpx solid #333333;
					font-size: 26rpx;
				}
				.equipmentHover{
					color: $uni-tabbar-hovercolor;
					border-color: $uni-tabbar-hovercolor;
				}
			}
		}
		.taskContent{
			margin: 28rpx 0 20rpx;
			background: #FFFFFF;
			padding: 44rpx;
			.taskItemhover{
				height: auto !important;
				justify-content: flex-start !important;
				.imagebox{
					text-align: center;
					line-height: 200rpx;
				}
			
				.image{
					width: 200rpx;
					height: 200rpx;
					border-radius: 12rpx;
					color: $uni-tabbar-hovercolor;
					position: relative;
					background: $uni-content-background-color;
					margin-left: 44rpx;
					.icon-tianjiatianchong{
						font-size: 40rpx;
					}
					.icon-jiufuqianbaoicon08{
						position: absolute;
						top: -14rpx;
						right: -12rpx;
						font-size: 36rpx;
					}
				}
				image{
					width: 200rpx;
					height: 200rpx;
					border-radius: 12rpx;
				}
			}
			.taskItem{
				height: 104rpx;
				font-size: 28rpx;
				color: #101010;
				display: flex;
				align-items: center;
				justify-content: space-between;
				box-sizing: border-box;
				position: relative;
				padding-left: 30rpx;
				.icon-essential{
					position: absolute;
					font-size: 24rpx;
					top: 50%;
					left: 0;
					transform: translateY(-50%) scale(.6);
					color: red;
				}
				input{
					width: 476rpx;
					font-size: 28rpx;
					color: #101010;
					// margin-left: 96rpx;
				}
				.placeholder{
					font-size: 28rpx;
					color: #909090;
				}
				.radio{
					display: flex;
					align-items: center;
					width: 476rpx;
					.radio-item{
						margin-right: 8rpx;
						display: flex;
						align-items: center;
						.radio-task{
							width: 40rpx;
							height: 40rpx;
							border: 2rpx solid #E3E3E3;
							border-radius: 50%;
							display: flex;
							align-items: center;
							justify-content: center;
							margin-right: 10rpx;
						}
						.radioHover{
							border-color: $uni-tabbar-hovercolor;
						}
						.radioHover::after{
							content: '';
							width: 40rpx;
							height: 40rpx;
							border-radius: 50%;
							background: $uni-tabbar-hovercolor;
							transform: scale(.6);
						}

					}
				}
				.time{
					width: 476rpx;
					font-size: 26rpx;
					font-weight: bold;
					color: #909090;
				}
				.addprofit{
					text-align: center;
					line-height: 64rpx;
					width: 476rpx;
					border-radius: 16rpx;
					background-color: rgba(255, 111, 48, 0.18);
					color: $uni-tabbar-hovercolor;
					font-size: 24rpx;
					text-align: center;
					font-family: Arial;
					border: 2rpx solid $uni-tabbar-hovercolor;
					padding:0 10rpx;
					box-sizing: border-box;
					position: relative;
					font-weight: 200;
					.box{
						position: absolute;
						z-index: 999;
						top: 70rpx;
						width: 100%;
						left: 0;
						background: #FFFFFF;
						border-radius: 0 0 12rpx 12rpx;
						box-shadow: 0px 9px 28px 8px rgba(0,0,0,.05),0px 6px 16px rgba(0,0,0,.08),0px 3px 6px -4px rgba(0,0,0,.12);
						// min-height: 100rpx;
						.item{
							border-bottom: 2rpx solid rgba(0,0,0,.04);
							margin: 0 10rpx;
							color: #101010;
							font-size: 26rpx;
							height: 80rpx;
							line-height: 80rpx;
						}
					}
					.iconfont{
						font-size: 34rpx;
						position: absolute;
						top: 50%;
						right: 20rpx;
						transform: translateY(-50%);
					}
				}
			}
			.taskItemhover2{
				justify-content: start;
				.widthhover{
					width: 70%;
					margin-left: 96rpx;
				}
				.textTips{
					font-size: 28rpx;
					color: #909090;
				}
			}

			.taskItem-box{
				margin-left: 30rpx;
				height: 260rpx;
				border: .2rpx solid #BBBBBB;
				border-radius: 12rpx;
				padding: 20rpx;
				box-sizing: border-box;
				font-size: 28rpx;
				textarea{
					width: 100%;
					height: 100%;
					font-size:28rpx;
				}
				.placeholder{
					font-size: 28rpx;
				}
			}
		}
		.addstep{
			padding-bottom:10rpx ;
		}
		.step{
			padding:1rpx 40rpx 58rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			font-size: 28rpx;
			font-weight: bold;
			.stepTitle{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin:38rpx 0 24rpx 0;
				.icon{
					font-size: 36rpx;
					.iconfont{
						margin-left: 58rpx;
						color: $uni-tabbar-hovercolor;
					}
				}
			}
			.codeimg{
				width: 100%;
				padding: 10rpx;
				box-sizing: border-box;
				margin-bottom: 10rpx;
				display: flex;
				flex-wrap: wrap;
				image{
					width: 200rpx;
					height: 200rpx;
					margin-right: 20rpx;
					margin-bottom: 20rpx;
				}
			}
			.img{
				width: 200rpx;
				height: 200rpx;
				margin-bottom: 20rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.stepLink{
				display: flex;
				align-items: center;
				margin-bottom: 24rpx;
				font-size: 24rpx;
				font-weight: 200;
				.input-left{
					width: 380rpx;
					height: 68rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 0 44rpx;
					box-sizing: border-box;
					background: #EFF2F7;
					margin-right: 50rpx;
					border-radius: 16rpx;
				}
				.textMargin{
					margin-right: 42rpx;
					color: $uni-color-primary;
				}
				text{
					color: $uni-tabbar-hovercolor;
				}
				
			}
			.textareabox{
				width: 100%;
				height: 180rpx;
				border-radius: 16rpx;
				background:#EFF2F7;
				color: #333333;
				font-size: 24rpx;
				font-family: Arial;
				padding: 30rpx 36rpx;
				box-sizing: border-box;
				font-weight: 200;
			}
		}
		.agreement{
			display: flex;
			align-items: center;
			margin: 24rpx 30rpx 0;
			font-family: SourceHanSansSC-regular;
			font-size: 24rpx;
			font-weight: bold;
			.check{
				width: 30rpx;
				height: 30rpx;
				border: 2rpx solid rgba(0,0,0,.2);
				border-radius: 4rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 22rpx;
				.iconfont{
					font-size: 38rpx;
					transform: scale(.4);
					color: #FFFFFF;
				}
			}
		}
		.tips{
			margin: 0 30rpx;
			padding: 40rpx 0 92rpx;
			box-sizing: border-box;
			.title{
				color: $uni-tabbar-hovercolor;
				font-size: 24rpx;
				font-weight: bold;
			}
			.line{
				margin-top: 10rpx;
				line-height: 40rpx;
			}
		}
		.determine{
			width: 690rpx;
			text-align: center;
			justify-content: center;
			color: #FFFFFF;
			background: $uni-tabbar-hovercolor;
			font-size: 24rpx;
			font-weight: bold;
			height: 64rpx;
			border-radius: 64rpx;
		}
	}
	/deep/ .uni-date-single{
		padding: 0;
		color: #101010;
	}
	/deep/ .uni-date__x-input{
		padding: 0;
	}
	
	/deep/ .uni-popup{
		z-index: 99999;
	}
